html,
body {
  width: 100%;
  height: 100%; }
  html .main,
  body .main {
    width: 980px;
    margin: 0 auto; }
  html .header,
  body .header {
    width: 100%;
    height: 80px; }
    html .header .aa,
    body .header .aa {
      height: 80px; }
      html .header .aa img,
      body .header .aa img {
        width: 126px;
        height: 46px;
        margin-top: 20px; }
  html .nav,
  body .nav {
    width: 100%; }
    html .nav .nav1,
    body .nav .nav1 {
      width: 980px;
      height: 370px; }
      html .nav .nav1 .nav-left,
      body .nav .nav1 .nav-left {
        width: 480px;
        height: 370px;
        background-color: bisque;
        float: left; }
        html .nav .nav1 .nav-left img,
        body .nav .nav1 .nav-left img {
          width: 100%;
          vertical-align: top; }
      html .nav .nav1 .nav-right,
      body .nav .nav1 .nav-right {
        width: 240px;
        height: 370px;
        float: left;
        margin-left: 100px; }
        html .nav .nav1 .nav-right p,
        body .nav .nav1 .nav-right p {
          color: black;
          opacity: 0.9;
          font-size: 14px; }
        html .nav .nav1 .nav-right .p1,
        body .nav .nav1 .nav-right .p1 {
          text-align: center;
          margin-top: 10px; }
          html .nav .nav1 .nav-right .p1 input,
          body .nav .nav1 .nav-right .p1 input {
            width: 200px;
            height: 30px; }
        html .nav .nav1 .nav-right p:nth-of-type(1),
        body .nav .nav1 .nav-right p:nth-of-type(1) {
          height: 30px;
          line-height: 30px; }
          html .nav .nav1 .nav-right p:nth-of-type(1) span:nth-of-type(2),
          body .nav .nav1 .nav-right p:nth-of-type(1) span:nth-of-type(2) {
            float: right; }
        html .nav .nav1 .nav-right p:nth-of-type(3),
        body .nav .nav1 .nav-right p:nth-of-type(3) {
          color: orangered;
          margin: 8px 0 0 140px; }
        html .nav .nav1 .nav-right button,
        body .nav .nav1 .nav-right button {
          width: 200px;
          height: 30px;
          text-align: center;
          background-color: goldenrod;
          border: none;
          margin: 8px 0 0 20px; }
        html .nav .nav1 .nav-right p:nth-of-type(4),
        body .nav .nav1 .nav-right p:nth-of-type(4) {
          margin: 10px; }
          html .nav .nav1 .nav-right p:nth-of-type(4) a,
          body .nav .nav1 .nav-right p:nth-of-type(4) a {
            color: orangered; }
        html .nav .nav1 .nav-right p:nth-of-type(5),
        body .nav .nav1 .nav-right p:nth-of-type(5) {
          margin-left: 40px; }
  html .section,
  body .section {
    margin-top: 40px; }
    html .section ul,
    body .section ul {
      width: 100%;
      height: 50px;
      line-height: 50px;
      border-top: 1px solid #e5e5e5;
      border-bottom: 1px solid #e5e5e5;
      display: flex; }
    html .section li,
    body .section li {
      width: 90px;
      font-size: 14px;
      opacity: 0.5;
      height: 50px;
      border-left: 1px solid #e5e5e5;
      padding-left: 12px; }
  html .footer,
  body .footer {
    margin-top: 20px; }
